@font-face {
    font-family: 'icomoon';
    src:  url('/fonts/icomoon.eot?');
    src:  url('/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
      url('/fonts/icomoon.ttf?') format('truetype'),
      url('/fonts/icomoon.woff?') format('woff'),
      url('/fonts/icomoon.svg?#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  .icon-slingo, .icon-mobileslingo {
    font-family: 'icomoon' !important;
  }
  .icon-dropsandwins, .icon-mobiledropsandwins {
    font-family: 'icomoon' !important;
  }
  .icon-clash4cash, .icon-mobileclash4cash {
    font-family: 'icomoon' !important;
  }
  .icon-christmas, .icon-mobilechristmas {
    font-family: 'icomoon' !important;
  }
  .icon-bestof2023, .icon-mobilebestof2023 {
    font-family: 'icomoon' !important;
  }
  .icon-luckoftheirish, .icon-mobileluckoftheirish {
    font-family: 'icomoon' !important;
  }

  

  /*****CATEGORY LIST STACK CSS DEFAULTS******/
	.items-list-stack{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.items-list-stack li{
		height: 40px;
		width: 100%;
		border-radius: 4px;
		background: linear-gradient(0deg, #CBCBCB 0%, #FFFFFF 100%);
		cursor: pointer;
		font-size: 14px;
		text-transform: capitalize;
		font-weight: 500;
		box-sizing: border-box;
		padding: 10px 0 10px 20px;
		margin-bottom: 10px;
	}

/*****CATEGORY LIST STACK DEFAULTS******/

@font-face {
    font-family: 'halloween';
    src:  url('/fonts/halloween.eot?');
    src:  url('/fonts/halloween.eot?#iefix') format('embedded-opentype'),
      url('/fonts/halloween.ttf?') format('truetype'),
      url('/fonts/halloween.woff?') format('woff'),
      url('/fonts/halloween.svg?#halloween') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  .icon-halloween, .icon-mobilehalloween {
    font-family: 'halloween' !important;
  }

@font-face {
    font-family: 'octoplayjackpots';
    src:  url('/fonts/octoplayjackpots.eot?');
    src:  url('/fonts/octoplayjackpots.eot?#iefix') format('embedded-opentype'),
      url('/fonts/octoplayjackpots.ttf?') format('truetype'),
      url('/fonts/octoplayjackpots.woff?') format('woff'),
      url('/fonts/octoplayjackpots.svg?#octoplayjackpots') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  .icon-octojackpots, .icon-mobileoctojackpots {
    font-family: 'octoplayjackpots' !important;
  }

  /*****CATEGORY LIST STACK CSS DEFAULTS******/
	.items-list-stack{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.items-list-stack li{
		height: 40px;
		width: 100%;
		border-radius: 4px;
		background: linear-gradient(0deg, #CBCBCB 0%, #FFFFFF 100%);
		cursor: pointer;
		font-size: 14px;
		text-transform: capitalize;
		font-weight: 500;
		box-sizing: border-box;
		padding: 10px 0 10px 20px;
		margin-bottom: 10px;
	}
/*****CATEGORY LIST STACK DEFAULTS******/




/*****CATEGORY TILES CSS DEFAULTS******/
	.items-list li{
		height: 95px;
		width: 95px;
		border-radius: 7px;
		background: linear-gradient(180deg, #125FA0 0%, #00AED0 100%);
		font-family:"din-condensed";
		color: #fff;
		text-align: center;
		font-size: 16px;
	}
	.hover-container{
		background: rgba(255, 255, 255, 0.7);
	}
	.hover-container .play-button{
		background: linear-gradient(90deg, #2884D0 0%, #213893 100%);
		color: #fff;
		font-size: 30px;
	}
	.hover-container .game-name{
		font-family: "din-condensed";
		text-transform: uppercase;
		color: #245CB0;
		font-size: 17px;
		line-height: 17px;
	}
	.category-scroll.cloned{
		top: 60px!important;
		background: #fff;
	}
	.category-scroll.cloned .items-list{
		margin: 10px 0;
	}
	.category-scroll.cloned .items-list i{
		display: none;
	}
	.category-scroll.cloned .items-list li{
		height: 45px;
	}
	.category-scroll.cloned .items-list li br{
	    display: none;
	}


/******************************/
/**********STRUCTURE***********/
/******************************/
	
	/*START - GAMES CATEGORIES BLOCKS*/
		.icon-mobilepopular:before, .icon-mobiletop:before, .icon-top:before, .icon-popular:before{content: "\f091";}
		.icon-mostplayed:before, .icon-mobilemostplayed:before, .icon-mostplayed:before, .icon-mostplayed:before{content: "\f7e4";}
		.icon-mobilenew:before, .icon-new:before{content: "\f0a3"!important;}
		.icon-mobileall:before, .icon-all:before{content: "\f009"!important;}
		.icon-mobiletable:before, .icon-table:before{content: "\f522"!important;}
		.icon-mobileclassic:before, .icon-classic:before{content: "\f522"!important;}
		.icon-mobilelive:before, .icon-live:before{content: "\f508"!important;}
		.icon-mobilejackpots:before, .icon-jackpots:before{content: "\f51e"!important;}
		.icon-mobile:before, .icon-mobileslots:before, .icon-slots:before{content: "\f521"!important;}
		.icon-mobilefun:before, .icon-fun:before, .icon-other:before{content: "\f24d"!important;}
		.icon-mobilemegaways:before, .icon-megaways:before{content: "\f53b"!important;}
		.icon-mobileclassicslots:before, .icon-classicslots:before{content: "\f43f"!important;}
		.icon-mobileslingo:before, .icon-slingo:before{content: "\e900"!important;}
		.icon-mobilemustgojackpots:before, .icon-mustgojackpots:before{content: "\f017"!important;}
		.icon-mobiledropsandwins:before, .icon-dropsandwins:before{content: "\e903"!important;}
		.icon-mobileclash4cash:before, .icon-clash4cash:before{content: "\e907"!important;}
		.icon-mobilechristmas:before, .icon-christmas:before{content: "\e906"!important;}
		.icon-mobilebestof2023:before, .icon-bestof2023:before{content: "\e904"!important;}
		.icon-mobileluckoftheirish:before, .icon-luckoftheirish:before{content: "\e905"!important;}
		.icon-mobilehalloween:before, .icon-halloween:before{content: "\e900"!important;}
		.icon-mobileoctojackpots:before, .icon-octojackpots:before{content: "\e900"!important;}
		
		.fr-lang #category-list .slots,.fr-lang #category-list .mobile, .fr-lang #category-list #search-providers{ font-size: 13px;line-height: 29px; }

		.items-list{text-align: center;padding: 0;margin:50px 0;display: flex;justify-content: center;align-items: center;}
		.items-list li{display: inline-block;cursor: pointer;padding: 10px;text-transform: uppercase;margin: 2px;}
		.items-list li:hover, .items-list li.selected{background: none;border: 1px solid #125FA0;color: #125Fa0;}
		.items-list li i{font-size: 40px;line-height: 50px;width: 100%;text-align: center;}
	/*END - GAMES CATEGORIES BLOKS*/


	/*START - GAMES LOBBY*/
		.games-lobby{max-width: 1400px;margin: auto;}
		.game-block{position: relative;cursor: pointer;}
		.game-block .jackpot-ticker{ position: absolute;z-index: 9;bottom: 0;background: rgba(33, 33, 33, 0.73);width: 100%;color: #fff;font-family: "din-condensed";padding: 0 5px;text-align: center; }
		.game-block:hover .hover-container{visibility: visible;opacity: 1;display: flex;justify-content:center}
		.hover-container{-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;display: flex;visibility: hidden;opacity: 0;position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;text-align: center;flex-flow: column nowrap;}
		.hover-container .button-container{flex-wrap: wrap;display: flex;align-items: center;max-width: 120px;margin: 5px auto;}
		.hover-container .demo-play{color: #fff!important;font-size: 16px;margin:auto auto 5px auto;max-width: 75%;}		
		.hover-container .play-button{width: 45px;height: 35px;border-radius: 10px;box-sizing: border-box;margin: 5px 5px;display: flex;margin-bottom: 5px;}
		.hover-container .favourite-button{color: #213e97;font-size: 35px;width: 35px;height: 35px;border-radius: 10px;box-sizing: border-box;margin: 5px 5px;display: flex;margin-bottom: 5px;}
		.hover-container .favourite-button.fav-added{ color: #f40000; }
		.hover-container .play-button i{margin: auto;font-size: 16px;}
		.hover-container .game-name{padding: 10px 0px 0px 0;}
		.more-games-btn{display: inline-block;max-width: 350px;margin: auto;margin-top: 55px;font-size: 40px;color: #fff;cursor: pointer;}
		.mobile-version .more-games-btn{ font-size: 14px;margin-top: 20px;margin-bottom: 20px;max-width: 160px; }
	/*END - GAMES LOBBY*/


	/*START - Lobby Grid System*/
		.grid-layout {display: grid;grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));grid-gap: 5px;grid-auto-rows: minmax(100px, auto);grid-auto-flow: dense;padding: 0;}
		.grid-item img, object{width: 100%;height: auto;}
		.grid-item {border-radius: 5px;}
		.span-2 {grid-column-end: span 2;grid-row-end: span 2;}
		.span-3 {grid-column-end: span 3;grid-row-end: span 4;}
	/*END - Lobby Grid System*/


	/*START - Search Panel popup*/
		.search-controls{padding: 70px 0;}
		.games-search{display: none;width: 100vw;height: 100vh;background:#fff;position: fixed;overflow-y: scroll;top: 0;left: 0;z-index: 25;}
		.games-search .search-input-box{width: 100%;border: none;border-bottom: 2px solid #000;padding: 5px 15px;box-sizing: border-box;}
		.search-input .search-input-clear{ position: absolute;top: 3px;right: 20px; }
		.search-input-btn{top: 5px;right: -20px;cursor: pointer;}
		#open-settings, #close-overlay{font-size: 23px;padding: 0 10px;cursor: pointer;}
		#close-overlay{color: #000;}
		.panel-heading h2{text-transform: uppercase;font-size: 23px;padding: 5px 0;}
		.games-search .items-list{margin: 20px 0;}
		.games-search .items-list li{background:transparent;color: #000;width: 150px;}
		.games-search .items-list li img {max-width: 100%;max-height: 30px;width: auto;height: auto;}
		.providers-section .heading{background: #e7e7e7;padding: 3px 20px;font-size: 12px;margin-top: 0;}
		#search-panel h2{font-size: 40px;}
		
		[data-active-panel="games-search-panel"] #overlay { 
			z-index: 100000;
		}
	/*ENJD - Search Panel popup*/


	/* START - Searh panel in lobby */
		.search-builtin-lobby{
			display: flex;
			margin-bottom: 20px;
			padding: 10px 0;
		}
		.search-builtin-lobby .search-input, .search-builtin-lobby .providers-filter{
			position: relative;
			display: inline-block;
		}
		.search-builtin-lobby .search-input{
			width: 70%;
			margin-right: 10px;
		}
		.search-builtin-lobby .providers-filter{
			width: 30%;
		}
		.search-builtin-lobby .providers-filter #providers-list{
			margin: 0;
		}
		.search-builtin-lobby .search-input .search-input-box{
			width: 100%;
			height: 32px;
			border-radius: 4px;
			padding: 0 15px;
			border: 0;
		}
		.search-builtin-lobby .search-input .search-input-btn{
			position: absolute;
			text-align: center;
			width: 40px;
			height: 32px;
			top: 0;
			right: 0;
			border-radius: 4px;
			background: linear-gradient(0deg, #0C657B 0%, #1F8085 100%);
		}
		.search-builtin-lobby .search-input .fa-search{
			font-size: 20px;
			line-height: 150%;
			color: #fff;
		}

		.providers-filter #providers-list{padding: 2px 0px;height: auto;max-height: 350px;overflow-x: hidden;position: absolute;z-index: 10;width: 100%;border-radius: 4px;background: linear-gradient(0deg, #C9C8C8 0%, #FFFFFF 100%);font-size: 16px;font-weight: 500;line-height: 19px;}
		.providers-filter #providers-list li{padding: 5px 10px;z-index: 2;}
		.providers-filter #providers-list li:not(.init) { float: left; width: 100%; display: none; background: #ddd; }
		.providers-filter #providers-list li:not(.init):hover, .providers-filter #providers-list li.selected:not(.init) { background: #09f; }
		.providers-filter #providers-list li.init { cursor: pointer; }
		.providers-filter .providers-list-arrow{ position: absolute;right: 10px;top: 0px;font-size: 20px;z-index: 11; }
	/* END - Searh panel in lobby */





	/*START - Lobby Responsive*/
		@media only screen 	and (max-width : 1310px) {
			.items-list li{
				height: 85px;
	    		width: 85px;
	    		font-size: 13px;
			}
		}
		@media only screen 	and (max-width : 1200px) {
			.items-list li{
				height: 70px;
	    		width: 75px;
	    		font-size: 11px;
			}
			.items-list li i{
				font-size: 25px;
				line-height: 35px;
			}
			.fr-lang #category-list .slots, .fr-lang #category-list .mobile, .fr-lang #category-list #search-providers{
				font-size: 9px;
				line-height: 22px;
			}
		}
		@media only screen 	and (max-width : 1034px) {
			.items-list li{
				height: 70px;
	    		width: 65px;
	    		font-size: 11px;
	    		padding: 10px 5px;
			}
			.items-list li i{
				font-size: 30px;
			}
			.fr-lang #category-list .slots, .fr-lang #category-list .mobile, .fr-lang #category-list #search-providers{
				font-size: 8px;
				line-height: 18px;
			}
		}
		@media only screen 	and (max-width : 815px) {
			.items-list li{
				height: 60px;
	    		width: 60px;
	    		font-size: 11px;
	    		padding: 0;
			}
			.items-list li i{
				font-size: 27px;
    			line-height: 40px;
			}
		}
		@media only screen 	and (max-width : 945px) {
			.games-search .items-list{
				width: initial;
				text-align: center;
			}
			.category-scroll{
				overflow-y: hidden;
    			overflow-x: scroll;
    			padding: 0 10px;
			}
			.items-list li{
				height: 95px;
	    		width: 95px;
	    		font-size: 16px;
	    		padding: 10px;
			}
			.items-list li i{
				font-size: 40px;
				line-height: 50px;
			}
			.items-list{
				width: 1330px;
				text-align: left;
			}
			.fr-lang #category-list .slots, .fr-lang #category-list .mobile, .fr-lang #category-list #search-providers{
				font-size: 13px;
				line-height: 29px;
			}
		}
		@media only screen 	and (max-width :405px) {
			.grid-layout{
				grid-template-columns: repeat(auto-fill, minmax(140px, 2fr));
			}
			.more-games-btn{
				font-size: 30px;
			}
			.hover-container {
				visibility: visible !important;
			}
		}
		@media only screen 	and (max-width :345px) {
			.grid-layout{
				grid-template-columns: repeat(auto-fill, minmax(130px, 2fr));
			}
			.more-games-btn{
				font-size: 25px;
				max-width: 290px;
			}
			.hover-container {
				visibility: visible !important;
			}
		}
		
	/*END - Lobby Responsive*/